<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head th:replace="/user/common/CSSandJS1 :: head('购物车')"></head>
<body>
    <div th:replace="/user/common/header :: header(${cartList}, ${totalMoney})"></div>

    <div class="preloader-wrap">
        <div class="preloader">
            <span class="dot"></span>
            <div class="dots">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!--== Start Product Single Area Wrapper ==-->
    <section class="product-area product-single-area">
        <div class="container pt-60 pb-0" style="width: 750px">
            <div class="row" >
                <div class="col-12 align-content-center">
                    <div class="product-review-tabs-content" >

                        <ul class="nav product-tab-nav" id="ReviewTab" role="tablist">
                            <li role="presentation">
                                <a class="active" id="description-tab" data-bs-toggle="pill" href="#description" role="tab" aria-controls="description" aria-selected="true">修改密码</a>
                            </li>
                            <li role="presentation">
                                <a id="reviews-tab" data-bs-toggle="pill" href="#reviews" role="tab" aria-controls="reviews" aria-selected="false">个人资料</a>
                            </li>
                            <li role="presentation">
                                <a id="shipping-policy-tab" data-bs-toggle="pill" href="#shipping-policy" role="tab" aria-controls="shipping-policy" aria-selected="false">头像上传</a>
                            </li>
                        </ul>
                        <div class="tab-content product-tab-content" id="ReviewTabContent">
                            <div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
                                <div class="product-review-content">
                                    <div class="review-content-header">
                                        <h3>修改密码</h3>
                                        <div class="review-info">
                                            <ul class="review-rating">
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star-o"></li>
                                            </ul>
                                            <span class="review-caption">Based on 7 reviews</span>
                                            <span class="review-write-btn show">Write a review</span>
                                        </div>
                                    </div>

                                    <!--== Start Reviews Form Item ==-->
                                    <div class="reviews-form-area show">
                                        <h4 class="title">Write a review</h4>
                                        <div class="reviews-form-content">
                                            <form action="#">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label for="for_name1">用户名</label>
                                                            <input id="for_name1" class="form-control" type="text" placeholder="请输入用户名">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label for="for_email1">原始密码</label>
                                                            <input id="for_email1" class="form-control" type="password" placeholder="请输入原始密码">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label for="for_review-title1">确认密码</label>
                                                            <input id="for_review-title1" class="form-control" type="password" placeholder="请再次输入密码">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-submit-btn">
                                                            <button type="submit" class="btn-submit">确认修改</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
                                <div class="product-review-content">
                                    <div class="review-content-header">
                                        <h3>个人资料</h3>
                                        <div class="review-info">
                                            <ul class="review-rating">
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star"></li>
                                                <li class="fa fa-star-o"></li>
                                            </ul>
                                            <span class="review-caption">Based on 7 reviews</span>
                                            <span class="review-write-btn show">Write a review</span>
                                        </div>
                                    </div>

                                    <!--== Start Reviews Form Item ==-->
                                    <div class="reviews-form-area show">
                                        <h4 class="title">Write a review</h4>
                                        <div class="reviews-form-content">
                                            <form action="#">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="for_address">收件地址</label>
                                                            <input name="address" id="for_address" class="form-control" type="text" placeholder="请输入您的收货地址">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="for_code">邮政编码</label>
                                                            <input name="code" id="for_code" class="form-control" type="text" placeholder="请输入您的邮政编码">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label for="for_email">邮&nbsp;&nbsp;箱</label>
                                                            <input name="email" id="for_email" class="form-control" type="email" placeholder="请输入您的邮箱">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label for="for_phone">手机号</label>
                                                            <input name="phone" id="for_phone" class="form-control" type="text" placeholder="请输入您的手机号">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label for="for_remark">个性签名</label>
                                                            <textarea name="remark" id="for_remark" class="form-control" placeholder="请输入您的个性签名"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-submit-btn">
                                                            <button type="submit" class="btn-submit">确认修改</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="shipping-policy" role="tabpanel" aria-labelledby="shipping-policy-tab">
                                <div class="product-shipping-policy">
                                    <h4 class="title">头像上传</h4>

                                    <form action="uploadImage" method="post" enctype="multipart/form-data">
                                        <div >
                                            <img src="/upload/${user.photo}" style="width:96px;height: 96px; " />
                                            <h6>从电脑中选择头像</h6>
                                            <input class="btn btn-outline-warning squer-btn sm-btn" type="file" style="background-color: white" value="选择文件" name="file" accept="image/*"/>
                                            <input type="submit" class="btn btn-outline-warning squer-btn sm-btn" value="上传">
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--== End Product Single Area Wrapper ==-->
<div th:replace="/user/common/CSSandJS1 :: js"></div>
</body>
</html>